<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script type="text/javascript" src="<?=JS_PATH?>jquery.min.js"></script>
    <link rel="stylesheet" href="<?=ASSETS?>bootstrap/bootstrap.min.css" />
    <title>发布文章</title>
</head>
<body>

<div class="container col-lg-10 col-lg-offset-1">

    <div class="row " style="margin-top: 2%;">

        <div class="form">

            <form class="form form-horizontal">


                 <div class="form-group form-inline">
                     <div class="form-group" style="margin-bottom: -1px;">
                         <label style="margin-left: 15px;">文章标题&nbsp;</label>
                     </div>
                     <hr style="margin: 0px 0px 5px 0px;"/>
                     <select class="form-control input-sm">
                         <?php foreach ($types as $type):?>
                         <option><?=$type->article_type?></option>
                         <?php endforeach;?>
                     </select>
                     <input type="text" style="width:91%" class="form-control input-sm"  />
                 </div>
                <div class="form-group form-inline">
                    <div class="form-group" style="margin-bottom: -1px;">
                        <label style="margin-left: 15px;">文章配图&nbsp;</label>
                    </div>
                    <hr style="margin: 0px 0px 5px 0px;"/>
                    <input type="file" style="width:20%" class="form-control input-sm"  />
                </div>

                <div class="form-group">

                    <label>内容</label>
                    <hr style="margin: 0px 0px 5px 0px;"/>
                    <!-- 加载编辑器的容器 -->
                    <script id="container" style="width:100%;height:400px;" name="content" type="text/plain"></script>
                    <!-- 配置文件 -->
                        <script type="text/javascript" src="<?=ASSETS?>uedit/ueditor.config.js"></script>
                    <!-- 编辑器源码文件 -->
                    <script type="text/javascript" src="<?=ASSETS?>uedit/ueditor.all.js"></script>
                    <!-- 实例化编辑器 -->
                    <script type="text/javascript">
                        var ue = UE.getEditor('container',{
                            autoHeight:false
                        });
                    </script>

                </div>
                <div class="form-group">

                    <label>摘要</label>
                    <hr style="margin: 0px 0px 5px 0px;"/>
                    <textarea class="form-control" row="100" cols="130 style="resize: none;">

                    </textarea>

                </div>
                <div class="form-group" style="margin-top: 15px;margin-bottom:50px; ">
                    <label>操作</label>
                    <hr style="margin: 0px 0px 10px 0px;"/>
                    <button class="btn btn-primary col-lg-offset-3 btn-sm">立即发布</button>
                    <button class="btn btn-primary col-lg-offset-2 btn-sm">保存文章</button>
                    <button class="btn btn-danger  col-lg-offset-2 btn-sm">舍弃</button>
                </div>

            </form>

        </div>


    </div>

</div>

</body>
</html>